.beg-login-bg {
	background: url(../images/login-bg.png) #393D49 no-repeat center center fixed;

}
.beg-login-box {
	width: 520px;
	height: 445px;
	margin:10% auto;
	background-color: #daf2fc;
	color: aliceblue;
}

.beg-login-box header h1 {
	text-align: center;
	font-size: 25px;
	line-height: 100px;
	background-color:#fff;
}

.beg-login-box header h1 img {
	width:320px;
	height:68px;
	margin:5px 0;
}

.beg-login-box .beg-login-main {
	height: 185px;
	padding: 30px 90px 0;
}

.beg-login-main .layui-form-item {
	position: relative;
	margin-bottom:30px;
}

.beg-login-main .layui-form-item .beg-login-icon {
	position: absolute;
	color: #cccccc;
	top: 14px;
	left: 10px;
}

.beg-login-main .layui-form-item input {
	padding-left: 34px;
	font-size:18px;
	height:46px;
	line-height:46px;
}

.beg-pull-left {
	float: left !important;
}

.beg-pull-right {
	float: right !important;
}
.beg-pull-right .toLogin,
.beg-pull-right .register {
	color:#ffae17;
	text-decoration:underline;
	margin-left:5px;
}

.TM-registering { display:none; }

.beg-clear {
	clear: both;
}

.beg-login-remember {
	line-height: 38px;
	color:#999;
}

.beg-login-remember .layui-form-switch {
	margin-top: 0px;
}

.beg-login-code-box {
	position: relative;
	padding: 10px;
}

.beg-login-code-box input {
	position: absolute;
	width: 100px;
}

.beg-login-code-box img {
	cursor: pointer;
	position: absolute;
	left: 115px;
	height: 38px;
}

.layui-form-onswitch { background-color:#ffae17; border-color:#ffae17; }

.TM-login-btn {
	width:344px;
	height:57px;
	background:url(../images/login-btn.png) no-repeat;
	border:0;
	color:#fff;
	font-size:24px;
	letter-spacing:3px;
}

.TM-login-btn:hover { color:#fff; }


@media screen and (max-width:1440px) {
    .beg-login-box header { height:auto; }
    .beg-login-box header h1 img { width:320px; height:58px; margin:5px 0; }
	.beg-login-box { width:410px; height:355px; }
	.beg-login-main .layui-form-item { margin-bottom:20px; }
	.beg-login-main .layui-form-item input { font-size:14px; height:40px; line-height:40px; }
	.beg-login-main .layui-form-item .beg-login-icon { top:12px; left:13px; }
	.TM-login-btn { height:45px; font-size:22px; width:294px; }
	.beg-login-box .beg-login-main { padding:30px 60px 0; }
	.layui-form-switch { width:19px; height:19px; width:35px; }
	.layui-form-onswitch:before { font-size:12px; }
	.layui-form-switch i { width:13px; height:13px; }
	.layui-form-onswitch i { left:28px; }
}

*{margin:0;padding:0;}
body{background:url(../images/bg.png) no-repeat center center fixed;font-family:"微软雅黑";}
.fr{float:right;}
.warp{width:100%;height:auto}
.warp-area{width:770px;height:570px;margin:120px auto 0px;}
.warp-area .logo{width:330px;height:80px;margin:0 auto;}
.warp-area .warp-bg{width:573px;height:345px;margin:0 auto;background:url(../images/bg2.png);}
.warp-area .warp-bg .bg-top{width:320px;height:16px;margin:0 auto 0px;padding-top:25px;}
.warp-area .warp-bg .bg-top .spanone{display:block;margin-top:15px;float: left;}
.warp-area .warp-bg .bg-top .spantwo{display:block;float:left;}
.warp-area .warp-bg .bg-top .spantwo .bg-input{width:274px;height:54px;background:url(../images/bnt-blue.png) no-repeat!important;outline: none;border:none;padding-left:20px;}

input{font-size:18px;color:#fff;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none;appearance:none;}
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.4) inset;}
input::-webkit-input-placeholder{font-size:18px;color:#fff;}
input::-moz-input-placeholder{font-size:18px;color:#fff;}
input::-ms-input-placeholder{font-size:18px;color:#fff;}
.warp-area .warp-bg .bg-midd{width:320px;height:54px;margin:0 auto 0px;padding-top:0px;}
.warp-area .warp-bg .bg-midd .spanone{display:block;margin-top:15px;float:left;}
.warp-area .warp-bg .bg-midd .spantwo{display:block;float: left;}
.warp-area .warp-bg .bg-midd .spantwo .bg-input{width:274px;height:54px;background:url(../images/bnt-blue.png) no-repeat!important;outline: none;border:none;padding-left:20px;}
.warp-area .warp-bg .bg-right{width:320px;height:54px;margin:0 auto 10px;padding-top:0px;}
.warp-area .warp-bg .bg-right .frtow{color:#fff;font-size:14px;}
.warp-area .warp-bg .bg-right .frone{margin-top:9px;}
.warp-area .warp-bg .bg-right .frone a{color:#fff;font-size:14px;text-decoration:none;}
.warp-area .warp-bg .bg-right .frone a:hover{color:#ffbb1b;text-decoration:underline;}
.warp-area .warp-bg .bg-login{width:294px;height:54px;margin:0 auto 10px;background:url(../images/btn1.png);}
.warp-area .warp-bg .bg-login p{font-size:24px;color:#1564b6;text-align:center;line-height:54px;letter-spacing:8px;cursor:pointer;}
.warp-area .warp-bg .bg-yun{width:824px;height:236px;margin-left:-100px;}

.warp-area .warp-bg .bg-bot{width:320px;height:54px;margin:0 auto 40px;padding-top:0px;}
.warp-area .warp-bg .bg-bot .botone{display:block;margin-top:15px;float:left;}
.warp-area .warp-bg .bg-bot .bottwo{display:block;float:left;}
.warp-area .warp-bg .bg-bot .bottwo .bg-input{width:153px;height:54px;background:url(../images/yzm.png);outline: none;border:none;padding-left:20px;}
.warp-area .warp-bg .bg-bot .botthre{display:block;float:left;width:90px;height:40px;background:#2078c2;margin:5px 0 0 18px;}
.warp-area .warp-bg .bg-bot .botthre .botfour{display:block;width:76px;height:27px;margin:8px 0 0 7px;}
.warp-area .warp-bg .bg-bot .botthre{display:block;float:left;width:90px;height:40px;margin:3px 0 0 0px;}

/*第二套样式*/
/*.warp-area .warp-bg .bg-bot{display:none;}
*{margin:0;padding:0;}

body{background:url(../images/bg.png) no-repeat center center fixed;font-family:"微软雅黑";}
.fr{float:right;}
.warp{width:100%;height:auto}
.warp-area{width:770px;height:570px;margin:120px auto 0px;}
.warp-area .logo{width:330px;height:80px;margin:0 auto;}
.warp-area .warp-bg{width:573px;height:345px;margin:0 auto;background:url(../images/bg2.png);}
.warp-area .warp-bg .bg-top{width:320px;height:16px;margin:0 auto 60px;padding-top:25px;}
.warp-area .warp-bg .bg-top .spanone{display:block;margin-top:15px;float: left;}
.warp-area .warp-bg .bg-top .spantwo{display:block;float:left;}
.warp-area .warp-bg .bg-top .spantwo .bg-input{width:274px;height:54px;background:url(../images/bnt-blue.png) no-repeat!important;outline: none;border:none;padding-left:20px;}

input{font-size:18px;color:#fff;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none;appearance:none;}
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.4) inset;}
input::-webkit-input-placeholder{font-size:18px;color:#fff;}
input::-moz-input-placeholder{font-size:18px;color:#fff;}
input::-ms-input-placeholder{font-size:18px;color:#fff;}
.warp-area .warp-bg .bg-midd{width:320px;height:54px;margin:0 auto 30px;padding-top:0px;}
.warp-area .warp-bg .bg-midd .spanone{display:block;margin-top:15px;float:left;}
.warp-area .warp-bg .bg-midd .spantwo{display:block;float: left;}
.warp-area .warp-bg .bg-midd .spantwo .bg-input{width:274px;height:54px;background:url(../images/bnt-blue.png) no-repeat!important;outline: none;border:none;padding-left:20px;}
.warp-area .warp-bg .bg-right{width:320px;height:54px;margin:0 auto 10px;padding-top:0px;}
.warp-area .warp-bg .bg-right .frtow{color:#fff;font-size:14px;}
.warp-area .warp-bg .bg-right .frone{margin-top:9px;}
.warp-area .warp-bg .bg-right .frone a{color:#fff;font-size:14px;text-decoration:none;}
.warp-area .warp-bg .bg-right .frone a:hover{color:#ffbb1b;text-decoration:underline;}
.warp-area .warp-bg .bg-login{width:294px;height:54px;margin:0 auto 10px;background:url(../images/btn1.png);}
.warp-area .warp-bg .bg-login p{font-size:24px;color:#1564b6;text-align:center;line-height:54px;letter-spacing:8px;cursor:pointer;}
.warp-area .warp-bg .bg-yun{width:824px;height:236px;margin-left:-100px;}
*/



